<!doctype html>
<html>

	<head>
		<meta name="viewport" id="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta name="format-detection" content="telephone=yes" />
		<meta name="msapplication-tap-highlight" content="no" />
		<meta charset="utf-8">
		<title>首页</title>
		<link href="css/css.css" rel="stylesheet" type="text/css">
		<link href="css/iconfont.css" rel="stylesheet" type="text/css">
	</head>

	<body>
		<!----------------头部定位---------------------------->
		<div class="header">
			<span class="headleft">
            <span class="back"><i class="iconfont icon-jiantou"></i></span>
			</span>
			<span class="tbbiaoti">支付中心</span>
			<span class="headright">
        </span>
		</div>
		<!----------------内容开始---------------------------->
		<div class="main">
			<!----------------轮播广告--------------------- ------->
			<div class="zcchengg">
				<div class="zhifu-k">
					<div class=" mbbottom overflow">
						<p class="zhifu-biaoti"><span>订单详情<b><img src="images/top2.png"/></b></span>订单提交成功</p>
						<p class="zhifu-ny">请您在提交订单后24小时内完成支付，否则订单会自动取消。</p>
						<p class="zhifu-ny">剩余时间：23:10:05</p>
					</div>
					<div class=" mbbottom overflow">
						<p class="zfcg-bt1 zfcg-bt2"><span>18788829010</span>收件人：王星星</p>
						<p class="zfcg-bt1">浙江省 杭州市 西湖区 文一路蒋村花园 如意苑33栋120号</p>
					</div>
					<div class=" overflow">
						<p class="zfcg-bt1 zfcg-bt2"><span>18788829010</span>收件人：王星星</p>
						<p class="zfcg-bt1">浙江省 杭州市 西湖区 文一路蒋村花园 如意苑33栋120号</p>
					</div>
				</div>
			</div>
			<div class="zfcg-dizhi mbtopbottom">
				<div class="zfcg-sfjek">
					<p class="zfcg-sfje"><i class="yfjine">应付金额：</i><span class="jinbi"><b><img src="images/jbtub.jpg"></b>70</span>+<span class="money hongse">￥24</span></p>
					<p class="zfcg-hyf">含运费: 8.00</p>
				</div>
			</div>
			<div class="zhifu">
				<p class="zhifu-yezf">余额支付</p>
				<div class="wlxqnrbg mbtopbottom">
					<p class="wlxqnr mbbottom">
						<span class="zhifu-qb">
					<b class="zhifu-qianbao">
						<input type="checkbox" id="checkbox-1-1" /><label for="checkbox-1-1"></label>
					</b>
					<b class="ybzt">账户可用余额200元</b>
					</span> 钱包支付
					</p>
					<p class="wlxqnr">
					<span class="zhifu-qb">
						<b class="zhifu-qianbao">
						<input type="checkbox" id="checkbox-1-2" /><label for="checkbox-1-2"></label>
					    </b>
						<b class="ybzt">可使用800星币兑换¥20</b>
					</span>星币兑换
					</p>
				</div>
			</div>
			<div class="zhifu mtop10">
				<p class="zhifu-yezf">支付方式</p>
				<div class="wlxqnrbg mbtopbottom">
					<p class="wlxqnr mbbottom">
						<span class="checkbox-zcly">
							<b class="checkboxFour">
								<input type="radio" value="1" id="checkboxFourInput" name="RadioGroup1"  class="checkbox-gx" />
								<label for="checkboxFourInput"></label>
							</b>
						</span> 支付宝
						<i class="zhifu-zfbtb"><img src="images/zfbtb.png"/></i>
					</p>
					<p class="wlxqnr">
						<span class="checkbox-zcly">
							<b class="checkboxFour">
								<input type="radio" value="1" id="checkboxFourInput" name="RadioGroup1"  class="checkbox-gx" />
								<label for="checkboxFourInput"></label>
							</b>
						</span>微信支付
						<i class="zhifu-zfbtb"><img src="images/zfbtb1.png"/></i>
					</p>
				</div>
			</div>
		</div>
		<div class="footbg1 mbtopbottom">
			<p class="sjqyan">确认付款</p>
		</div>
	</body>

</html>